<template>
	<DetailBasicInfo
		:integratedApplicationListData="threeListData.integratedApplicationListData"
		:basicNameInfoData="threeListData.basicNameInfoData"
		:fileListData="threeListData.fileListData"
	/>
	<div class="mt-5"></div>
	<HyCard :title="activeName">
		<div class="pb-5 border-b-2 border-gray-300 border-dashed">
			<HyTitle class="mb-5" :title="'需求清单'" />
			<DemandList
				:checkListData="threeListData.checkListData"
				:countryData="threeListData.countryData"
				:cityData="threeListData.cityData"
				:pepoleData="threeListData.pepoleData"
				:enterpriseData="threeListData.enterpriseData"
				:substrateData="threeListData.substrateData"
				:areaData="threeListData.areaData"
				:operateType="'view'"
			/>
		</div>
		<div class="pb-5 border-b-2 border-gray-300 border-dashed">
			<HyTitle class="my-5" :title="'场景清单'" />
			<SceneList
				:sceneCoreListData="threeListData.sceneCoreListData"
				:sceneOneLevelData="threeListData.sceneOneLevelData"
				:sceneLevelFunctionData="threeListData.sceneLevelFunctionData"
				:operateType="'view'"
			/>
		</div>
		<div class="pb-5 border-b-2 border-gray-300 border-dashed">
			<HyTitle class="my-5" :title="'改革清单'" />
			<ReformList :operateType="'view'" :reformListData="threeListData.reformListData" />
		</div>
	</HyCard>
</template>
<script setup lang="ts">
import DetailBasicInfo from '/@/views/threeList/components/DetailBasicInfo/index.vue';
import HyCard from '/@/components/HyCard/index.vue';
import DemandList from '/@/views/threeList/components/DemandList/index.vue';
import SceneList from '/@/views/threeList/components/SceneList/index.vue';
import ReformList from '/@/views/threeList/components/ReformList/index.vue';
import HyTitle from '/@/components/HyTitle/index.vue';
import { useDetail } from '/@/views/threeList/hooks/useDetail';
const activeName = ref('三张清单表单');

const props = defineProps({
	detailData: {
		default: () => {
			return {};
		},
		type: Object,
	},
});

//设置表单类型 submit, view
provide('formType', 'view');
const { setData } = useDetail();
const threeListData: any = ref({});
watch(
	() => props.detailData,
	(nv1) => {
		if (Object.keys(nv1).length > 0) {
			threeListData.value = setData(nv1);
		}
	},
	{
		deep: true,
		immediate: true,
	}
);
</script>
<style scoped lang="scss"></style>
